@font-face {
    font-family: 'FVGranadaRegular';
    src: url('http://tinyupload.net/font/fvgranada-regular-webfont.eot');
    src: url('http://tinyupload.net/font/fvgranada-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://tinyupload.net/font/fvgranada-regular-webfont.woff') format('woff'),
         url('http://tinyupload.net/font/fvgranada-regular-webfont.ttf') format('truetype'),
         url('http://tinyupload.net/font/fvgranada-regular-webfont.svg#FVGranadaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {    
    background: #f0f0f0;
	font-family: FVGranadaRegular, Tahoma, Arial, sans-serif;
	font-size: 15px;
	color: #333333;
	line-height: 15pt;
}


a, a:visited {
    text-decoration: none;
	font-family: FVGranadaRegular, Tahoma, Arial, sans-serif;
	font-size: 15px;
	color: #00a0c2;
}


a:hover {
    text-decoration: underline;
	font-family: FVGranadaRegular, Tahoma, Arial, sans-serif;
	font-size: 15px;
	color: #007ea0;
}


/******************************************************/
/*  General
/******************************************************/

.wrapper {
width: 970px;
margin: auto;
}

.h2 {
height: 2px;
clear: both;
}

.h6 {
height: 6px;
clear: both;
}

.h7 {
clear: both;
height: 7px;
}

.h10 {
height: 10px;
clear: both;
}

.h20 {
height: 20px;
clear: both;
}

.h30 {
height: 30px;
clear: both;
}

.h40 {
height: 40px;
clear: both;
}

.dottedline {
width: 100%
height: 1px;
border-bottom: 1px dotted #333333;
}

p {
text-align: justify;
}

h1 {
text-transform: uppercase;
color: #00a0c2;
line-height: 36px;
font-size: 36px;
font-weight: bold;
text-shadow: 1px 1px 1px #ffffff;
}

h2 {
text-transform: uppercase;
color: #00a0c2;
line-height: 36px;
font-size: 24px;
font-weight: bold;
text-shadow: 1px 1px 1px #ffffff;
}

h3 {
text-transform: uppercase;
color: #00a0c2;
font-size: 20px;
font-weight: bold;
text-shadow: 1px 1px 1px #ffffff;
}

.red, .error {
color: #b70000;
text-align: center;
}

.blue {
color: #00a0c2;
text-align: center;
}

.green, .success {
color: #319b09;
text-align: center;
}

table.table tr, table.table td, table.table th {
border-bottom: 1px solid #bbbbbb;
border-right: 1px solid #bbbbbb;
height: 25px;
text-align: center;
}

table.table {
border-left: 1px solid #bbbbbb;
border-top: 1px solid #bbbbbb;
width: 100%;
}

.greyborder {
border: 1px solid #bbbbbb;
}


/******************************************************/
/*  Buttons
/******************************************************/



.button, a.button, a.button:visited {
padding: 5px 15px;
font-family: FVGranadaRegular, Tahoma, Arial, sans-serif;
color: #ffffff;
font-size: 18px;
border: 0px;
text-decoration: none;

border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-khtml-border-radius: 20px;

box-shadow: 1px 1px 2px #666666, 0px 2px 0px #4dbdd4 inset;
-webkit-box-shadow: 1px 1px 2px #666666, 0px 2px 0px #4dbdd4 inset;
-moz-box-shadow: 1px 1px 2px #666666, 0px 2px 0px #4dbdd4 inset;

/* Gradient bg color by http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/ */ 
background-image: -ms-linear-gradient(bottom, #0186AA 0%, #00A0C2 100%);
background-image: -moz-linear-gradient(bottom, #0186AA 0%, #00A0C2 100%);
background-image: -o-linear-gradient(bottom, #0186AA 0%, #00A0C2 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0186AA), color-stop(1, #00A0C2));
background-image: -webkit-linear-gradient(bottom, #0186AA 0%, #00A0C2 100%);
background-image: linear-gradient(to top, #0186AA 0%, #00A0C2 100%);
}

.button:hover, a.button:hover {
padding: 5px 15px;
font-family: FVGranadaRegular, Tahoma, Arial, sans-serif;
color: #ffffff;
font-size: 18px;
border: 0px;
text-decoration: none;
cursor: pointer;

box-shadow: 1px 1px 2px #666666, 0px 2px 0px #808080 inset;
-webkit-box-shadow: 1px 1px 2px #666666, 0px 2px 0px #808080 inset;
-moz-box-shadow: 1px 1px 2px #666666, 0px 2px 0px #808080 inset;

/* Gradient bg color by http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/ */ 
background-image: -ms-linear-gradient(bottom, #242424 0%, #4a4a4a 100%);
background-image: -moz-linear-gradient(bottom, #242424 0%, #4a4a4a 100%);
background-image: -o-linear-gradient(bottom, #242424 0%, #4a4a4a 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #242424), color-stop(1, #4a4a4a));
background-image: -webkit-linear-gradient(bottom, #242424 0%, #4a4a4a 100%);
background-image: linear-gradient(to top, #07647f 0%, #07647f 100%);
}



/******************************************************/
/*  Buttons 2 - Orange
/******************************************************/



.buttonorange, a.buttonorange, a.buttonorange:visited {
padding: 5px 15px;
font-family: FVGranadaRegular, Tahoma, Arial, sans-serif;
color: #ffffff;
font-size: 18px;
border: 0px;
text-decoration: none;

border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-khtml-border-radius: 20px;

box-shadow: 1px 1px 2px #666666, 0px 2px 0px #fce381 inset;
-webkit-box-shadow: 1px 1px 2px #666666, 0px 2px 0px #fce381 inset;
-moz-box-shadow: 1px 1px 2px #666666, 0px 2px 0px #fce381 inset;

/* Gradient bg color by http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/ */ 
background-image: -ms-linear-gradient(bottom, #e17705 0%, #f8c703 100%);
background-image: -moz-linear-gradient(bottom, #e17705 0%, #f8c703 100%);
background-image: -o-linear-gradient(bottom, #e17705 0%, #f8c703 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e17705), color-stop(1, #f8c703));
background-image: -webkit-linear-gradient(bottom, #e17705 0%, #f8c703 100%);
background-image: linear-gradient(to top, #e17705 0%, #f8c703 100%);
}

.buttonorange:hover, a.buttonorange:hover {
padding: 5px 15px;
font-family: FVGranadaRegular, Tahoma, Arial, sans-serif;
color: #ffffff;
font-size: 18px;
border: 0px;
text-decoration: none;
cursor: pointer;

box-shadow: 1px 1px 2px #666666, 0px 2px 0px #808080 inset;
-webkit-box-shadow: 1px 1px 2px #666666, 0px 2px 0px #808080 inset;
-moz-box-shadow: 1px 1px 2px #666666, 0px 2px 0px #808080 inset;

/* Gradient bg color by http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/ */ 
background-image: -ms-linear-gradient(bottom, #242424 0%, #4a4a4a 100%);
background-image: -moz-linear-gradient(bottom, #242424 0%, #4a4a4a 100%);
background-image: -o-linear-gradient(bottom, #242424 0%, #4a4a4a 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #242424), color-stop(1, #4a4a4a));
background-image: -webkit-linear-gradient(bottom, #242424 0%, #4a4a4a 100%);
background-image: linear-gradient(to top, #242424 0%, #4a4a4a 100%);
}



/******************************************************/
/*  Buttons Small
/******************************************************/



.buttonsmall, a.buttonsmall, a.buttonsmall:visited {
padding: 4px 11px;
font-family: FVGranadaRegular, Tahoma, Arial, sans-serif;
color: #ffffff;
font-size: 15px;
border: 0px;
text-decoration: none;

border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-khtml-border-radius: 20px;

box-shadow: 1px 1px 2px #666666, 0px 2px 0px #4dbdd4 inset;
-webkit-box-shadow: 1px 1px 2px #666666, 0px 2px 0px #4dbdd4 inset;
-moz-box-shadow: 1px 1px 2px #666666, 0px 2px 0px #4dbdd4 inset;

/* Gradient bg color by http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/ */ 
background-image: -ms-linear-gradient(bottom, #0186AA 0%, #00A0C2 100%);
background-image: -moz-linear-gradient(bottom, #0186AA 0%, #00A0C2 100%);
background-image: -o-linear-gradient(bottom, #0186AA 0%, #00A0C2 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0186AA), color-stop(1, #00A0C2));
background-image: -webkit-linear-gradient(bottom, #0186AA 0%, #00A0C2 100%);
background-image: linear-gradient(to top, #0186AA 0%, #00A0C2 100%);
}

.buttonsmall:hover, a.buttonsmall:hover {
padding: 4px 11px;
font-family: FVGranadaRegular, Tahoma, Arial, sans-serif;
color: #ffffff;
font-size: 15px;
border: 0px;
text-decoration: none;
cursor: pointer;

box-shadow: 1px 1px 2px #666666, 0px 2px 0px #808080 inset;
-webkit-box-shadow: 1px 1px 2px #666666, 0px 2px 0px #808080 inset;
-moz-box-shadow: 1px 1px 2px #666666, 0px 2px 0px #808080 inset;

/* Gradient bg color by http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/ */ 
background-image: -ms-linear-gradient(bottom, #242424 0%, #4a4a4a 100%);
background-image: -moz-linear-gradient(bottom, #242424 0%, #4a4a4a 100%);
background-image: -o-linear-gradient(bottom, #242424 0%, #4a4a4a 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #242424), color-stop(1, #4a4a4a));
background-image: -webkit-linear-gradient(bottom, #242424 0%, #4a4a4a 100%);
background-image: linear-gradient(to top, #242424 0%, #4a4a4a 100%);
}

/******************************************************/
/*  Header
/******************************************************/


.headerFull {
width: 100%;
height: 80px;
border-bottom: 1px solid #ffffff;

/* Gradient bg color by http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/ */ 
background-image: -ms-linear-gradient(bottom, #242424 0%, #3E3E3E 100%);
background-image: -moz-linear-gradient(bottom, #242424 0%, #3E3E3E 100%);
background-image: -o-linear-gradient(bottom, #242424 0%, #3E3E3E 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #242424), color-stop(1, #3E3E3E));
background-image: -webkit-linear-gradient(bottom, #242424 0%, #3E3E3E 100%);
background-image: linear-gradient(to top, #07647f 0%, #07647f 100%);
}

.headerLogo {
width: 331px;
height: 80px;
float: left;
}

.headerLinks {
float: left;
width: 639px;
height: 80px;
text-align: right;
line-height: 80px;
color: #f0f0f0;
}

img.middle {
vertical-align: -2px;
border: 0px;
}

.headerLinks a, .headerLinks a:visited {
color: #F0F0F0;
font-size: 14px;
padding: 0px 22px 0px 8px;
}

.headerLinks a:hover {
color: #00a0c2;
}



/******************************************************/
/*  Welcome + Video
/******************************************************/


.welcomeFull {
width: 100%;
height: 398px;
background: url('images/welcome_bg.jpg') repeat-x top center;
vertical-align: middle;
}

.welcomeText {
width: 356px;
height: 318px;
float: left;
padding: 0px 12px;
text-align: justify;
margin-top: 41px;
vertical-align: top;

background-color: rgba(255,255,255,0.28);
box-shadow: 0px 0px 8px #999999;
-webkit-box-shadow: 0px 0px 8px #999999;
-moz-box-shadow: 0px 0px 8px #999999;
}

.welcomeH28 {
width: 28px;
height: 398px;
float: left;
}

.welcomeVideo {
width: 551px;
height: 309px;
float: left;
border: 5px solid #ffffff;
margin-top: 40px;

box-shadow: 0px 0px 10px #888888;
-webkit-box-shadow: 0px 0px 10px #888888;
-moz-box-shadow: 0px 0px 10px #888888;
}

.welcomeVideoShadow {
width: 561px;
height: 19px;
float: left;
background: url('images/video_shadow.png') no-repeat top center;
}


/******************************************************/
/*  How It Works - 3 Steps
/******************************************************/

.howFull {
width: 100%;
height: 80px;
vertical-align: middle;
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;

/* Gradient bg color by http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/ */ 
background-image: -ms-linear-gradient(bottom, #0186AA 0%, #00A0C2 100%);
background-image: -moz-linear-gradient(bottom, #0186AA 0%, #00A0C2 100%);
background-image: -o-linear-gradient(bottom, #0186AA 0%, #00A0C2 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0186AA), color-stop(1, #00A0C2));
background-image: -webkit-linear-gradient(bottom, #0186AA 0%, #00A0C2 100%);
background-image: linear-gradient(to top, #07647f 0%, #07647f 100%);
}

.howStep {
float: left;
width: 300px;
height: 60px;
margin-top: 10px;

background-color: #007ea0;

border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;

box-shadow: 1px 1px 0px #01aad7, 0px 0px 8px #007290 inset;
-webkit-box-shadow: 1px 1px 0px #01aad7, 0px 0px 8px #007290 inset;
-moz-box-shadow: 1px 1px 0px #01aad7, 0px 0px 8px #007290 inset;
}

.howStep .number {
float: left;
width: 54px;
height: 60px;
padding-left: 3px;
font-size: 46px;
line-height: 61px;
text-align: center;
color: #044451;
text-shadow: 1px 1px 1px #00aad8;
}

.howStep .text {
float: left;
width: 233px;
height: 60px;
margin-top: 10px;
padding-right: 10px;
font-size: 18px;
color: #ffffff;
text-align: justify;
text-shadow: 1px 1px 1px #555555;
}

.howH35 {
width: 35px;
height: 82px;
float: left;
}

.howH34 {
width: 34px;
height: 82px;
float: left;
}


/******************************************************/
/*  Features
/******************************************************/

.featuresFull {
width: 100%;
height: 430px;
background: url('images/features_bg.jpg') no-repeat bottom center;
vertical-align: middle;
}

.featuresBox {
float: left;
width: 301px;
height: 131px;
background-color: #ffffff;

border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;

box-shadow: 0px 0px 5px #a6a6a6;
-webkit-box-shadow: 0px 0px 5px #a6a6a6;
-moz-box-shadow: 0px 0px 5px #a6a6a6;
}

.featuresBox .title {
float: left;
height: 50px;
width: 290px;
padding-left: 11px;
border-bottom: 1px dotted #909090;
line-height: 50px;
font-size: 24px;
color: #00a0c2;
}

.featuresBox .title img {
vertical-align: text-bottom;
border: 0px;
}

.featuresBox .text {
float: left;
height: 60px;
width: 279px;
padding: 10px 11px;
text-align: justify;
line-height: 18px;
}

.featuresH34 {
width: 34px;
height: 131px;
float: left;
}

.featuresH33 {
width: 33px;
height: 131px;
float: left;
}


/******************************************************/
/*  Footer
/******************************************************/

.footerFull {
width: 100%;
height: 160px;
vertical-align: middle;
clear: both;
border-top: 1px solid #ffffff;

/* Gradient bg color by http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/ */ 
background-image: -ms-linear-gradient(bottom, #242424 0%, #3E3E3E 100%);
background-image: -moz-linear-gradient(bottom, #242424 0%, #3E3E3E 100%);
background-image: -o-linear-gradient(bottom, #242424 0%, #3E3E3E 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #242424), color-stop(1, #3E3E3E));
background-image: -webkit-linear-gradient(bottom, #242424 0%, #3E3E3E 100%);
background-image: linear-gradient(to top, #07647f 0%, #07647f 100%);
}

.footerCopyright {
float: left;
width: 380px;
height: 160px;
background: url('images/footer_logo.png') no-repeat top left;
color: #868686;
}

.footerH85 {
float: left;
width: 85px;
height: 160px;
float: left;
}

.footerLinks {
float: left;
padding-left: 20px;
margin-top: 45px;
border-left: 1px dotted #868686;
color: #868686;
line-height: 26px;
}

.footerLinks a, .footerLinks a:visited {
color: #868686;
text-decoration: none;
}

.footerLinks a:hover {
color: #00a0c2;
text-decoration: underline;
}


/******************************************************/
/*  Title General
/******************************************************/

.titleFull {
width: 100%;
height: 100px;
background: url('images/title_bg.jpg') repeat-x top center;
}

.titleBlueBar {
width: 100%;
height: 50px;
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;

/* Gradient bg color by http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/ */ 
background-image: -ms-linear-gradient(bottom, #0186AA 0%, #00A0C2 100%);
background-image: -moz-linear-gradient(bottom, #0186AA 0%, #00A0C2 100%);
background-image: -o-linear-gradient(bottom, #0186AA 0%, #00A0C2 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0186AA), color-stop(1, #00A0C2));
background-image: -webkit-linear-gradient(bottom, #0186AA 0%, #00A0C2 100%);
background-image: linear-gradient(to top, #0186AA 0%, #00A0C2 100%);
}


/******************************************************/
/*  Content General
/******************************************************/

.content {
width: 100%;
min-height: 340px;
}


.boxFull {
float: left;
width: 940px;
min-height: 230px;
padding: 15px;
background-color: #ffffff;

border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;

box-shadow: 0px 0px 5px #a6a6a6;
-webkit-box-shadow: 0px 0px 5px #a6a6a6;
-moz-box-shadow: 0px 0px 5px #a6a6a6;
}

.boxFull a, .boxFull a:visited {
    text-decoration: none;
	font-family: FVGranadaRegular, Tahoma, Arial, sans-serif;
	font-size: 15px;
	color: #00a0c2;
}

.boxFull a:hover {
    text-decoration: underline;
	font-family: FVGranadaRegular, Tahoma, Arial, sans-serif;
	font-size: 15px;
	color: #007ea0;
}


.boxLeft {
float: left;
width: 575px;
min-height: 230px;
padding: 15px;
background-color: #ffffff;

border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;

box-shadow: 0px 0px 5px #a6a6a6;
-webkit-box-shadow: 0px 0px 5px #a6a6a6;
-moz-box-shadow: 0px 0px 5px #a6a6a6;
}

.boxLeft a, .boxLeft a:visited {
    text-decoration: none;
	font-family: FVGranadaRegular, Tahoma, Arial, sans-serif;
	font-size: 15px;
	color: #00a0c2;
}

.boxLeft a:hover {
    text-decoration: underline;
	font-family: FVGranadaRegular, Tahoma, Arial, sans-serif;
	font-size: 15px;
	color: #007ea0;
}

.boxLeftLeft {
float: left;
width: 190px;
text-align: right;
line-height: 45px;
}

.boxLeftRight {
float: left;
width: 370px;
padding-left: 15px;
text-align: left;
line-height: 45px;
}

.boxBetween {
float: left;
width: 35px;
min-height: 260px;
}

.boxRight {
float: left;
width: 315px;
min-height: 260px;
padding-left: 15px;
text-align: center;

/* Gradient bg color by http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/ */ 
background-image: -ms-linear-gradient(bottom, #0186AA 0%, #00A0C2 100%);
background-image: -moz-linear-gradient(bottom, #0186AA 0%, #00A0C2 100%);
background-image: -o-linear-gradient(bottom, #0186AA 0%, #00A0C2 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0186AA), color-stop(1, #00A0C2));
background-image: -webkit-linear-gradient(bottom, #0186AA 0%, #00A0C2 100%);
background-image: linear-gradient(to top, #0186AA 0%, #00A0C2 100%);

border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;

box-shadow: 1px 1px 0px #ffffff;
-webkit-box-shadow: 1px 1px 0px #ffffff;
-moz-box-shadow: 1px 1px 0px #ffffff;
}


/******************************************************/
/*  Content General Logged-In - User
/******************************************************/

.content2 {
width: 100%;
min-height: 856px;
}

.boxLeft2 {
float: left;
width: 670px;
min-height: 766px;
padding: 15px;
background-color: #ffffff;

border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;

box-shadow: 0px 0px 5px #a6a6a6;
-webkit-box-shadow: 0px 0px 5px #a6a6a6;
-moz-box-shadow: 0px 0px 5px #a6a6a6;
}

.boxLeft2Left {
float: left;
width: 400px;
text-align: left;
}

.boxLeft2Right {
float: left;
width: 270px;
text-align: right;
}

.boxLeft2Left2 {
float: left;
width: 200px;
padding-right: 20px;
text-align: right;
line-height: 35px;
}

.boxLeft2Right2 {
float: left;
width: 450px;
text-align: left;
line-height: 35px;
}

.boxBetween2 {
float: left;
width: 25px;
min-height: 795px;
}

.boxRight2 {
float: left;
width: 245px;
min-height: 795px;
}



/******************************************************/
/*  Dashboard - News - Logged In
/******************************************************/

.newsTitle {
height: 30px;
width: auto;
padding: 0px 10px;
line-height: 30px;
font-weight: bold;
vertical-align: middle;
background-color: #fffee8;
border: 1px solid #e5e4d1;

border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
}




/******************************************************/
/*  Box Live Stats
/******************************************************/

.boxLiveStats {
float: left;
width: 245px;
height: 190px;
background-color: #ffffff;

border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;

box-shadow: 0px 0px 5px #a6a6a6;
-webkit-box-shadow: 0px 0px 5px #a6a6a6;
-moz-box-shadow: 0px 0px 5px #a6a6a6;
}

.boxTitle  {
float: left;
width: 230px;
height: 35px;
padding-left: 15px;
line-height: 35px;
background: url('images/boxTitle.png') no-repeat top left;
font-size: 18px;
color: #ffffff;
}

.boxTitle img {
vertical-align: middle;
border: 0px;
}

.dottedRow {
float: left;
width: 233px;
height: 29px;
padding-left: 12px;
border-bottom: 1px dotted #333333;
line-height: 39px;
}

.dottedRowLeft {
float: left;
width: 145px;
height: 29px;
padding-left: 12px;
border-bottom: 1px dotted #333333;
line-height: 39px;
}

.dottedRowRight {
float: left;
width: 75px;
height: 29px;
padding-left: 12px;
border-bottom: 1px dotted #333333;
border-left: 1px dotted #333333;
line-height: 39px;
color: #00a0c2;
}


/******************************************************/
/*  Box Nav Menu
/******************************************************/

.boxNav {
float: left;
width: 245px;
height: auto;
background-color: #ffffff;

border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;

box-shadow: 0px 0px 5px #a6a6a6;
-webkit-box-shadow: 0px 0px 5px #a6a6a6;
-moz-box-shadow: 0px 0px 5px #a6a6a6;
}


.dottedRow2 {
float: left;
width: 210px;
height: 29px;
padding-left: 35px;
border-bottom: 1px dotted #333333;
line-height: 39px;
}

.noneRow {
float: left;
width: 210px;
height: 30px;
padding-left: 35px;
line-height: 37px;
}

.navBlue {
float: left;
width: 220px;
height: 35px;
padding-left: 25px;
color: #ffffff;
line-height: 35px;
background: url('images/nav_blue.png') repeat-x top left;
}

.navBlueTop {
float: left;
width: 220px;
height: 35px;
padding-left: 25px;
color: #ffffff;
line-height: 35px;
background: url('images/nav_blue_top.png') no-repeat top left;
}

.navBlueBottom {
float: left;
width: 220px;
height: 35px;
padding-left: 25px;
color: #ffffff;
line-height: 35px;
background: url('images/nav_blue_bottom.png') no-repeat top left;
}

.navBlack {
float: left;
width: 220px;
height: 35px;
padding-left: 25px;
color: #ffffff;
line-height: 35px;
background: url('images/nav_black.png') repeat-x top left;
}

.navBlackTop {
float: left;
width: 220px;
height: 35px;
padding-left: 25px;
color: #ffffff;
line-height: 35px;
background: url('images/nav_black_top.png') no-repeat top left;
}

.navBlackBottom {
float: left;
width: 220px;
height: 35px;
padding-left: 25px;
color: #ffffff;
line-height: 35px;
background: url('images/nav_black_bottom.png') no-repeat top left;
}

.navGreyBottom {
float: left;
width: 220px;
height: 35px;
padding-left: 25px;
color: #ffffff;
line-height: 35px;
background: url('images/nav_grey_bottom.png') no-repeat top left;
}

.dottedRow2 a, .noneRow a, .navBlue a, .navBlueTop a, .navBlueBottom a, .navBlack a, .navBlackTop a, .navBlackBottom a, .navGreyBottom a, 
.dottedRow2 a:visited, .noneRow a:visited, .navBlue a:visited, .navBlueTop a:visited, .navBlueBottom a:visited, .navBlack a:visited, .navBlackTop a:visited, .navBlackBottom a:visited, .navGreyBottom a:visited{
display:block; text-decoration:none; color:#ffffff;
}



/*Right Bar Menu*/
.boxNav .parent{
float: left;
width: 220px;
height: 35px;
padding-left: 25px;
color: #ffffff;
line-height: 35px;
background: url('images/nav_black.png') repeat-x top left;
}

.boxNav .parentSel{
float: left;
width: 220px;
height: 35px;
padding-left: 25px;
color: #ffffff;
line-height: 35px;
background: url('images/nav_blue.png') repeat-x top left;
}

.boxNav .parent a, .boxNav .parentSel a{
display:block; text-decoration:none; color:#ffffff;
}

.boxNav .child{
clear:both; display:table; width:100%; display:none
}

.boxNav .child a{
display:block;
float: left;
width: 210px;
height: 29px;
padding-left: 35px;
border-bottom: 1px dotted #333333;
line-height: 39px;
}



/******************************************************/
/*  Box Daily Rank
/******************************************************/

.boxDailyRank {
float: left;
width: 245px;
height: 140px;
background-color: #ffffff;

border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;

box-shadow: 0px 0px 5px #a6a6a6;
-webkit-box-shadow: 0px 0px 5px #a6a6a6;
-moz-box-shadow: 0px 0px 5px #a6a6a6;
}


.noneRow2 {
float: left;
width: 233px;
height: 30px;
padding-left: 12px;
line-height: 37px;
}



/******************************************************/
/*  Input, Select, Textarea
/******************************************************/


select, input[type='text'], input[type='password'], textarea {
width: 260px;
height: 24px;
line-height: 24px;
vertical-align: middle;
padding: 3px 2px;
border: 1px solid #cecdcd;

border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;

box-shadow: 0px 0px 4px #e9e9e9 inset;
-webkit-box-shadow: 0px 0px 4px #e9e9e9 inset;
-moz-box-shadow: 0px 0px 4px #e9e9e9 inset;
}


input[type='text']:focus, input[type='password']:focus, textarea:focus{
border: solid 1px #00a0c2;
background-color: #fffeea;
}


/******************************************************/
/*  Input, Select, Textarea  ---  SMALL
/******************************************************/


select.formsmall, input.formsmall[type='text'], input.formsmall[type='password'], textarea.formsmall {
width: 60px;
height: 24px;
line-height: 24px;
vertical-align: middle;
padding: 3px 2px;
border: 1px solid #cecdcd;

border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;

box-shadow: 0px 0px 4px #e9e9e9 inset;
-webkit-box-shadow: 0px 0px 4px #e9e9e9 inset;
-moz-box-shadow: 0px 0px 4px #e9e9e9 inset;
}


input.formsmall[type='text']:focus, input.formsmall[type='password']:focus, textarea:focus{
border: solid 1px #00a0c2;
background-color: #fffeea;
}